<!DOCTYPE html>
<html>
<head>
    <meta charset="utf-8">
    <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1">
    <title>Login</title>
    <link rel="stylesheet" type="text/css" href="assets/flat-ui.min.css">
    <link rel="stylesheet" type="text/css" href="assets/kanban.css">
    <link rel="stylesheet" href="layui/css/layui.css">
    <style>
        /*鼠标图标*/
        a:hover {
            cursor: url(assets/o_click.ico), auto;
        }

        body {
            cursor: url(assets/o_pointer.ico), auto;
        }

    </style>
</head>
<body class="layui-layout-body">
<div class="layui-card" style="width: 500px;height: auto;margin: 15% 30%;">
    <div class="layui-card-header layui-bg-cyan">登录</div>
    <div class="layui-card-body">
        <!-- <form class="layui-form"> -->
        <div class="layui-form-item">
            <label class="layui-form-label"><i class="layui-icon layui-icon-username"></i></label>
            <div class="layui-input-block">
                <input class="layui-input" type="text" id="username" placeholder="请输入用户名"/>
            </div>
        </div>
        <div class="layui-form-item">
            <label class="layui-form-label"><i class="layui-icon layui-icon-password"></i></label>
            <div class="layui-input-block">
                <input class="layui-input" type="password" id="password" placeholder="请输入密码"/>
            </div>
        </div>
        <div class="layui-form-item">
            <label class="layui-form-label"><i class="layui-icon layui-icon-password"></i></label>
            <div class="layui-input-inline">
                <input type="text" id="code" required lay-verify="required" placeholder="请输入验证码"
                       class="layui-input">
            </div>
            <div class="layui-form-mid layui-word-aux">
                <img id="codeimg" src="http://localhost:8080/security/security/code" onclick="flushCode()">
            </div>
        </div>
        <div class="layui-form-item">
            <div class="layui-input-block">
                <button type="button" class="layui-btn layui-btn-primary" id="login">登录</button>
                <button type="button" class="layui-btn layui-btn-primary" id="register">注册</button>
            </div>
        </div>
        <!-- </form> -->
    </div>
</div>

<div class="kanban" id="kanban">
    <div class="kanban-tips" style="opacity: 1;"></div>
    <canvas id="live2d" width="280" height="250" class="live2d"></canvas>
    <div class="kanban-tool">
        <span class="fui-home"></span>
        <span class="fui-chat"></span>
        <span class="fui-eye"></span>
        <span class="fui-user"></span>
        <span class="fui-photo"></span>
        <span class="fui-info-circle"></span>
        <span class="fui-cross"></span>
    </div>
</div>

<script src="layui/layui.js"></script>
<script src="js/jquery-3.5.1.js"></script>
<script src="js/jquery.cookie.js"></script>
<script src="js/login.js"></script>
<script src="assets/live2d.min.js"></script>
<script src="assets/kanban-tips.js"></script>
<script type="text/javascript">
    initModel()
</script>
</body>
</html>
